<!DOCTYPE html>
<html lang="en">
<head>
	<title>Final Project - Group 3 - Team 3 </title>
	<meta charset="utf-8">
	<link href="css/bio.css" type=text/css rel=stylesheet>
	<link href="css/sunny/jquery-ui-custom.css" rel="stylesheet" type="text/css" media="screen, projection" />
	<link rel="icon" href="favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<script type="text/javascript" src="scripts/jquery.js"></script>
	<script type="text/javascript" src="scripts/jquery-ui-custom.js"></script>
	<script type="text/javascript">
		$(function() {
	       // set up the about you accordion mid page
	            $("#aboutYou").accordion({ header: "h4" });
			// create the image rotator
			setInterval("rotateImages()", 3000);
	    });
	    function rotateImages() {
		            var oCurPhoto = $('#photoShow div.current');
		            var oNxtPhoto = oCurPhoto.next();
		            if (oNxtPhoto.length == 0)
		                oNxtPhoto = $('#photoShow div:first');

		            oCurPhoto.removeClass('current').addClass('previous');
		            oNxtPhoto.css({ opacity: 0.0 }).addClass('current').animate({ opacity: 1.0 }, 1000,
		                function() {
		                    oCurPhoto.removeClass('previous');
		                });
        }
	</script>
	<style type="text/css">
	#photoShow {
		height:235px;
		width:180px;
	}
	#photoShow div {
		position:absolute;
		z-index: 0;
	}
	#photoShow div.previous {
		z-index: 1;
	}
	#photoShow div.current {
		z-index: 2;
	}
	</style>
</head>
<body>
	<table>
		<tr>
    		<td colspan=6 class="headline"><img src="images/logo.gif" alt="Logo" width="500" height="60"></td>
		</tr>
		<tr>
    		<td class="left-column">
    			<table class=leftnav-table>
	        		<tr>
	          			<td class=leftnav-category-link colSpan=2>MENU</td>
	        		</tr>
					<tr>
						<td class=leftnav-show-link><img height=11 src="images/brown_bullet.gif" alt="phone" width=9></td>
						<td class=leftnav-show-link><a href="main.php">Home</a></td>
        			</tr>
	        		<tr>
	          			<td class=leftnav-show-link><IMG height=11 src="images/brown_bullet.gif" alt="family" width=9></TD>
	          			<td class=leftnav-show-link><a href="get_food.php">Nutrition Facts</a> </TD>
					</tr>
					<tr>
						<td class=leftnav-show-link><img height=11 src="images/brown_bullet.gif" alt="phone" width=9></td>
						<td class=leftnav-show-link>
						<a href="http://www.tjcreativearts.com/met633/cms_main.php">CMS Login</a></td>
        			</tr>
        			<tr>
        				<td colspan=""2><img height=11 src="images/spacer.gif" alt=""></td>
        			</tr>
        			<tr>
		   				<td class=leftnav-category-link colSpan=2>
							<div id="photoShow">
								<div class="current">
										<img src="images/calorie_burning.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a>
								</div>
								<div>
										<img src="images/fitness-silhouettesb.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
								<div>
										<img src="images/frametasticb.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
								<div>
										<img src="images/healthy-42b.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
								<div>
										<img src="images/heartrateb.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
								<div>
										<img src="images/veggie-heart.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
							</div>
		   				</td>
        			</tr>
        			<tr>
        				<td colspan=""2><img height=11 src="images/spacer.gif" alt=""></td>
        			</tr>
				</table>
			</td>
    		<td class="vert-divider"><img src="images/spacer.gif" alt="spacer" width="1"> </td>
    		<td> <img height=1 src="images/spacer.gif" alt="spacer" width=2> </td>
    		<td class="mid-column">
      			<table class=mid-table>
        			<tr>
          				<td class=header-text><H2>MET CS 633 Distributed Software Development</H2></td>
        			</tr>
					<tr>
          				<td class=body-text-strong-link>
              				<H3>FINAL PROJECT</H3>
          				</td>
					</tr>
					<tr>
          				<td class=body-text>
              				<p class="content">
							The Healthy Tracker website allows for food
							consumption to be input by the user, as well as workout information and demographic
							information such as age, height, and weight.
							Nutrition information will be able to be looked up
							by the user. This
							data will be stored in a database and allow for the
							calculation of a variety of health information and
							calorie burn rates. This tool will be designed to
							provide an individual the ability to track their
							unique nutritional calorie input and excersize burn
							rates.</p>
          				</td>
					</tr>
					<tr>
						<td class=body-text><img height=1 src="images/spacer.gif" alt="spacer" width=2></td>
					</tr>
     			</table>
     		</td>
    		<td><img height=1 src="images/spacer.gif" alt="spacer" width=2> </td>
    		<td class="rightnav-column" >
      			<table class=rightnav-table>
					<tr>
					    <td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
					    <td class=rightnav-category-link>
						Project Links</td>
					    <td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
					</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="https://www.dropbox.com/home/Team3/Design%20Documents">
						Design Documents</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link><a href="http://code.google.com/p/health-tracking-system/w/list" target="_blank">Wiki</td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://groups.google.com/group/health-tracking-system-web-forum" target="_blank">Web Forum</td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://code.google.com/p/health-tracking-system">
						Project Home</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://code.google.com/p/health-tracking-system/downloads/list">
						Downloads</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://code.google.com/p/health-tracking-system/issues/list">
						Issue Tracking</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://code.google.com/p/health-tracking-system/source/browse">
						Source Code</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
				</table>
      			<table class=rightnav-table>
					<tr>
						<td colspan="3" class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1" height="1"></td>
					</tr>
					<tr>
					    <td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
					    <td class=rightnav-category-link>Interesting Websites</td>
					    <td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
					</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://www.fda.gov/">FDA</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://www.fitness.gov/">Fitness.gov</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://fnic.nal.usda.gov">FNIC</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://www.nutrition.gov/">Nutrition.gov</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>&nbsp;</td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
        		</table>
				<table>
					<tr>
						<td colspan="3" class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1" height="1"></td>
					</tr>
				</table>
    		</td>
      	</tr>
  		<tr>
    		<td colSpan="6"><img height="3" src="images/spacer.gif" alt="spacer"></td>
    	</tr>
  		<tr>
    		<td class="footer-text" colSpan=6>&copy; 2013 MET CS633 Distributed Software Development Class.</td>
    	</tr>
	</table>
</body>
</html>